page{
  width: 100%;
  height: 100%;
  background: linear-gradient(#fd5229,#ff8a00);
}
button{
padding: 0;
margin: 0;
border-radius: 0;
text-align:left;
}
button:after{
  border: none;
}
.index{
   width: 100%;
   background:url(http://paz0eiqln.bkt.clouddn.com/image/24.png),linear-gradient(#fd5229,#ff8a00);
   background-size: contain;
   background-position: top center;
   background-repeat: no-repeat;
   background-color: #fd5229;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   padding-top: 513rpx;
   .AwardList{
     position: absolute;
     top: 20rpx;
     left: 10rpx;
     width: 210rpx;
     height: 70rpx;
     border-radius: 35rpx;
     background-color: #d24b2a;
     overflow: hidden;
     //border: #99ffff 1rpx solid;
     .AwardL{
       width: 210rpx;
       height: 70rpx;
       display: flex;
       flex-direction: row;
       align-items: center;
       padding-left: 17rpx;
       image{
         display: block;
         width: 40rpx;
         height: 40rpx;
         border-radius: 50%;
         background: #aaaaaa;
         //border: #ffffff 1rpx solid;
         margin-right: 10rpx;
       }
       .Award{
         flex: 1;
         overflow: hidden;
         font-size: 20rpx;
         line-height: 20rpx;
         color: #ffffff;
         view:first-child{
           margin-bottom: 10rpx;
         }
       }
     }
   }
   .gift{
     text-align: center;
     font-size: 32rpx;
     color: #ffffff;
     margin-bottom: 30rpx;
   }
   .Explain{
     position: absolute;
     top:13rpx;
     right: 0;
     width: 128rpx;
     height: 47rpx;
     border-top-left-radius: 24rpx;
     border-bottom-left-radius: 24rpx;
     background-color: #d24b2a;
     color: #fee4d3;
     font-size: 26rpx;
     line-height: 47rpx;
     padding-left: 20rpx;
   }
   .top80{
     top: 81rpx;
   }
   .startButton{
     width: 477rpx;
     height: 183rpx;
     padding: 0;
     margin: 0;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 20rpx;
     background: none;
     image{
       display: block;
       width: 477rpx;
       height: 183rpx;
     }
   }
   .startButton:after{
     border: none;
   }
   .userInfor{
     width: 550rpx;
     height: 170rpx;
     border-radius: 20rpx;
     padding: 0;
     margin: 0;
     box-sizing: border-box;
     background-color: #fffdea;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 20rpx;
     padding: 30rpx;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     .avatarUrl{
       width: 120rpx;
       height: 120rpx;
       overflow: hidden;
       border: #ffbc7f 6rpx solid;
       border-radius: 20rpx;
       margin-right: 30rpx;
       image{
         display: block;
         width: 120rpx;
         height: 120rpx;
       }
     }
     .clearance{
       flex: 1;
       font-size: 32rpx;
       color: #541f12;
       .userName{
         line-height: 32rpx;
         margin-bottom: 20rpx;
         view{
           display: inline;
           margin-left: 10rpx;
         }
       }
       .clearanceNumber{
         line-height: 65rpx;
         display: flex;
         flex-direction: row;
         align-items: center;
         number{
           margin-left: 10rpx;
           margin-right: 10rpx;
         }
         /*view{
           display: inline;
           font-size: 65rpx;
           font-weight: bold;
           color: #fd5229;
           margin-left: 20rpx;
           margin-right: 20rpx;
         }*/
       }
     }
   }
   .morePages{
     width: 550rpx;
     height: 40rpx;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     margin-right: auto;
     margin-left: auto;
     padding-right: 30rpx;
     padding-left: 30rpx;
     margin-bottom: 40rpx;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     font-size: 24rpx;
     color: #fffdea;
     .more{
       display: flex;
       flex-direction: row;
       align-items: center;
       image{
         display: block;
         width: 40rpx;
         height: 40rpx;
         margin-right: 20rpx;
       }
     }
   }
   .MoreGames{
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-top: 50rpx;
     .moreTitle{
       width: 100%;
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: center;
       margin-bottom: 40rpx;
       .h{
         width: 110rpx;
         height: 2rpx;
         background-color: #ffffff;
       }
       .w{
         font-size: 34rpx;
         color: #ffffff;
         margin-right: 30rpx;
         margin-left: 30rpx;
       }
     }
     .MoreGameslist{
       width: 690rpx;
       border-radius: 20rpx;
       background-color: #fff2c6;
       padding-left: 30rpx;
       padding-right: 20rpx;
       padding-top: 30rpx;
       padding-bottom: 30rpx;
       box-sizing: border-box;
       margin-bottom: 40rpx;
       .MoreGamesLi{
         width: 100%;
         height: 110rpx;
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 40rpx;
         .MoreGamesLi_l{
           display: flex;
           flex-direction: row;
           align-items: center;
           image{
             width: 110rpx;
             height: 110rpx;
             background-color: #aaaaaa;
             border-radius: 10rpx;
             margin-right: 20rpx;
           }
           .MoreGamesLi_l_w{
             display: flex;
             flex-direction: column;
             justify-content: center;
             view:nth-child(1){
               font-size: 28rpx;
               line-height: 28rpx;
               font-weight: bold;
               color: #743f25;
               margin-bottom: 20rpx;
             }
             view:nth-child(2){
               font-size: 22rpx;
               line-height: 22rpx;
               color: #999999;
               margin-bottom: 10rpx;
             }
             view:nth-child(3){
               font-size: 22rpx;
               line-height: 22rpx;
               color: #ff4f0a;
             }
           }
         }
         .MoreGamesLi_r{
           width: 160rpx;
           height: 60rpx;
           border-radius: 44rpx;
           background-color: #fd5229;
           font-size: 26rpx;
           color: #ffffff;
           text-align: center;
           line-height: 60rpx;
         }
       }
       .MoreGamesLi:last-child{
         margin-bottom: 0;
       }
     }
   }
 }
.Adver{
  width: 100%;
  height: 215rpx;
  position: relative;
  /*bottom: 0;*/
  .AdTop{
    position: absolute;
    z-index: 1;
    left: 10rpx;
    top:10rpx;
    width: 60rpx;
    height: 30rpx;
    image{
      display: block;
      width: 60rpx;
      height: 30rpx;
    }
  }
  .AdButtom{
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 150rpx;
    height: 33rpx;
    image{
      display: block;
      width: 150rpx;
      height: 33rpx;
    }
  }
  swiper{
    width: 100%;
    height: 215rpx;
    swiper-item{
      width: 100%;
      height: 215rpx;
      .swiper-item{
        width: 100%;
        height: 215rpx;
        background-color: #fff;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
    }
  }
}
.Ranking{
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 30rpx;
  .RankingTop{
    width: 710rpx;
    height: 150rpx;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    background-color: #e24a25;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .RankingInfor{
      width: 710rpx;
      height: 210rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      .dataInfor{
        width: 200rpx;
        height: 210rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        view:first-child{
          font-size: 42rpx;
          line-height: 42rpx;
          color: #ffde00;
          margin-bottom: 15rpx;
        }
        view:last-child{
          font-size: 22rpx;
          line-height: 22rpx;
          color: #ffffff;
        }
      }
      .usInfor{
        width: 310rpx;
        height: 210rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        view:first-child{
          width: 108rpx;
          height: 108rpx;
          border-radius: 108rpx;
          border: #ffffff 6rpx solid;
          overflow: hidden;
          margin-bottom: 20rpx;
          image{
            display: block;
            width: 108rpx;
            height: 108rpx;
          }
        }
        view:last-child{
          width: 210rpx;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          font-size: 30rpx;
          line-height: 30rpx;
          color: #ffffff;
          text-align: center;
        }
      }
    }
    .RankingOptions{
      width: 670rpx;
      height: 66rpx;
      display: flex;
      flex-direction: row;
      position: relative;
      background-color: #bc3d1d;
      border-radius: 33rpx;
      view{
        flex: 1;
        height: 66rpx;
        color: #ffffff;
        font-size: 28rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        z-index: 1;
      }
      .Slide1{
        width: 50%;
        height: 66rpx;
        border-radius: 33rpx;
        position: absolute;
        top:0;
        left: 0;
        background-color: #fd7e29;
        z-index: 0;
        transition: left 0.5s;
      }
      .Slide2{
        width: 50%;
        height: 66rpx;
        border-radius: 33rpx;
        position: absolute;
        top:0;
        left: 50%;
        background-color: #fd7e29;
        z-index: 0;
        transition: left 0.5s;
      }
    }
  }
  .RankingList{
    width: 710rpx;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 710rpx 47rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    .Ranking-box{
      width: 670rpx;
      height: 100%;
      background-color: #fffdea;
      box-sizing: border-box;
      padding-bottom: 308rpx;
      overflow-x: hidden;
      .ul{
        width: 670rpx;
        background-color: #fffdea;
        margin-right: auto;
        margin-left: auto;
        .li{
          width: 670rpx;
          height: 150rpx;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          .placeName{
            width: 83rpx;
            height: 150rpx;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            font-size: 28rpx;
            color: #fd5229;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: 100%;
            image{
              display:block;
              width: 40rpx;
              height: 50rpx;
            }
          }
          .rankingNum{
            flex: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            padding-left: 6rpx;
            border-bottom: #fdf3d9 1rpx solid;
            .rankingAvatar{
              width: 98rpx;
              height: 98rpx;
              border-radius: 49rpx;
              overflow: hidden;
              margin-right: 20rpx;
              image{
                display: block;
                width: 98rpx;
                height: 98rpx;
              }
            }
            .rankingName{
              width: 270rpx;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              font-size: 30rpx;
              color: #fd5229;
              display: flex;
              flex-direction: row;
              align-items: center;
            }
            .rankingPlace{
              flex: 1;
              box-sizing: border-box;
              padding-right: 40rpx;
              font-size: 28rpx;
              color: #ffba00;
              display: flex;
              flex-direction: row;
              justify-content: flex-end;
              align-items: center;
              view{
                font-size: 50rpx;
                font-weight: bold;
              }
            }
          }
        }
      }

    }
  }
  .rankingShare{
    width: 100%;
    height: 140rpx;
    background-color: #ffffff;
    position: fixed;
    bottom:0;
    display: flex;
    justify-content: center;
    align-items: center;
    .shareButton{
      width: 700rpx;
      height: 90rpx;
      border-radius: 45rpx;
      background: linear-gradient(to right,#fd5229,#ffde00);
      font-size: 32rpx;
      color: #ffffff;
      text-align: center;
      line-height: 90rpx;
    }
    .shareButton::after{
      border: none;
    }
  }
}
.promptBox{
  position: fixed;
  z-index: 10;
  top:0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .Count{
    font-size: 180rpx;
    color: #ffffff;
    text-align: center;
  }
  .prompt{
    width: 560rpx;
    border-radius: 20rpx;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 65rpx;
    margin-bottom: 90rpx;
    .rule{
      width: 100%;
      box-sizing: border-box;
      padding-left: 30rpx;
      padding-right: 30rpx;
      font-size: 28rpx;
      line-height: 42rpx;
      color: #333333;
      padding-bottom: 70rpx;
      .rule_li{
        display: flex;
        flex-direction: row;
        margin-bottom: 30rpx;
        view:nth-child(1){
          width: 48rpx;
          height: 48rpx;
          border-radius: 24rpx;
          background-color: #ffe7db;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 20rpx;
        }
        view:nth-child(2){
          flex: 1;
          text-align: left;
        }
      }
    }
    .promptBig{
      font-size: 56rpx;
      line-height: 56rpx;
      color: #ff8141;
      margin-bottom: 60rpx;
    }
    .pc_01{
      display: block;
      width: 175rpx;
      height: 200rpx;
      margin-bottom: 30rpx;
    }
    .pc_02{
      display: block;
      width: 170rpx;
      height: 190rpx;
      margin-bottom: 70rpx;
      margin-top: 20rpx;
    }
    .pc_03{
      display: block;
      width: 212rpx;
      height: 205rpx;
      margin-bottom: 40rpx;
      margin-top: 20rpx;
    }
    .promptSmail{
      font-size: 30rpx;
      line-height: 30rpx;
      color: #7c909e;
      margin-bottom: 70rpx;
      view{
        margin-bottom: 20rpx;
        text{
          color: #ff8141;
        }
      }
    }
    .promptButton{
      width: 425rpx;
      height: 70rpx;
      text-align: center;
      line-height: 70rpx;
      border-radius: 35rpx;
      font-size: 28rpx;
    }
    .bon01{
      background-color: #fd7e29;
      color: #ffffff;
      margin-bottom: 30rpx;
    }
    .bon02{
      background-color: #ffe7db;
      color: #666666;
      margin-bottom: 50rpx;
    }
  }
  .promptClose{
    width: 90rpx;
    height: 90rpx;
    image{
      display: block;
      width: 90rpx;
      height: 90rpx;
    }
  }
}
.detail{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20rpx;
  .AnswerProgress{
    width: 100%;
    height: 130rpx;
    padding-left: 30rpx;
    padding-right: 30rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70rpx;
    .AnswerInfor{
      display: flex;
      flex-direction: row;
      align-items: center;
      image{
        display: block;
        width: 108rpx;
        height: 108rpx;
        border-radius: 60rpx;
        background-color: #aaaaaa;
        border: #fd7554 6rpx solid;
        margin-right: 20rpx;
      }
      .AnswerProgressInfor{
        view:nth-child(1){
          font-size: 28rpx;
          line-height: 28rpx;
          color: #ffffff;
          margin-bottom: 10rpx;
        }
        view:nth-child(2){
          width: 330rpx;
          height: 26rpx;
          border-radius: 13rpx;
          overflow: hidden;
          margin-bottom: 10rpx;
        }
        view:nth-child(3){
          font-size: 28rpx;
          line-height: 28rpx;
          color: #ffffff;
        }
      }
    }
    .CountDown{
      width: 94rpx;
      height: 94rpx;
      text-align: center;
      line-height: 94rpx;
      font-size: 28rpx;
      color: #ffffff;
      border-radius: 69rpx;
      background-color: #b24100;
      border: #fd7554 15rpx solid;
    }
  }
  .questionBox{
    width: 600rpx;
    height: 450rpx;
    background-color: #fdf3d9;
    border: #d54f02 9rpx solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60rpx;
    .detailPlace{
      position: relative;
      top:-35rpx;
      width: 238rpx;
      height: 60rpx;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 28rpx;
      color: #ffffff;
      view{
        margin-right: 10rpx;
        margin-left: 10rpx;
      }
    }
    .question{
      width: 388rpx;
      height: 224rpx;
      background-color: #ffffff;
      margin-bottom: 40rpx;
      overflow: hidden;
      image{
        display: block;
        width: 388rpx;
        height: 224rpx;
        background-color: #ffffff;
      }
    }
    .shareButton{
      width: 183rpx;
      height: 64rpx;
      border-radius: 4rpx;
      background-color: #ea494e;
      box-shadow: 0 10rpx 0 #d34247;
      font-size: 28rpx;
      color: #fdf3d9;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      image{
        width: 36rpx;
        height: 30rpx;
        margin-right: 10rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
      }
    }
  }
  .answerBox{
    display: flex;
    flex-direction: row;
    margin-bottom: 40rpx;
    .answer{
      width: 74rpx;
      height: 74rpx;
      background-color: #ff9e6f;
      border-radius: 10rpx;
      box-shadow: 0 8rpx 0 #d54f02;
      font-size: 36rpx;
      color: #ffffff;
      text-align: center;
      line-height: 74rpx;
      margin-left: 10rpx;
      margin-right: 10rpx;
    }
    .Refresh{
      width: 74rpx;
      height: 74rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      image{
        width: 41rpx;
        height: 35rpx;
      }
    }
  }
  .option{
    width: 600rpx;
    height: 240rpx;
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    align-content: space-around;
    margin-bottom: 70rpx;
    .view{
      width: 100rpx;
      height: 100rpx;
      border-radius: 10rpx;
      background-color: #ffffff;
      margin-right: 7rpx;
      margin-left: 7rpx;
      view{
        width: 100rpx;
        height: 100rpx;
        line-height: 100rpx;
        text-align: center;
        font-size: 36rpx;
      }
    }
  }
}
.float{
  position: absolute;
  top:486rpx;
  left: 20rpx;
  width: 114rpx;
  height: 118rpx;
  image{
    display: block;
    width: 114rpx;
    height: 118rpx;
  }
}
.memberCenter{
  width: 100%;
  background-image: url(http://paz0eiqln.bkt.clouddn.com/image/17.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 40rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  .RankingInfor{
    width: 710rpx;
    height: 210rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40rpx;
    .dataInfor{
      width: 200rpx;
      height: 210rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      view:first-child{
        font-size: 22rpx;
        line-height: 22rpx;
        color: #ffffff;
        margin-bottom: 15rpx;
      }
      view:last-child{
        font-size: 42rpx;
        line-height: 42rpx;
        color: #ffde00;
      }
    }
    .usInfor{
      width: 310rpx;
      height: 210rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      view:first-child{
        width: 114rpx;
        height: 114rpx;
        border-radius: 114rpx;
        border: #e6431c 10rpx solid;
        margin-bottom: 20rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        image{
          display: block;
          background-color: #aaaaaa;
          border: #ffffff 6rpx solid;
          width: 108rpx;
          height: 108rpx;
          border-radius: 57rpx;
        }
      }
      view:last-child{
        width: 210rpx;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 30rpx;
        line-height: 30rpx;
        color: #ffffff;
        text-align: center;
      }
    }
  }
  .contactButton{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 40rpx;
    .view{
      width: 330rpx;
      height: 66rpx;
      border-radius: 33rpx;
      background-color: rgba(255,255,255,0.2);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      font-size: 26rpx;
      color: #ffffff;
      margin-right: 15rpx;
      margin-left: 15rpx;
      image{
        margin-right: 20rpx;
      }
    }
    .view:first-child{
      image{
        width: 41rpx;
        height: 33rpx;
        display: block;
      }
    }
    .view:last-child{
      image{
        width: 32rpx;
        height: 33rpx;
        display: block;
      }
    }
  }
.rewardButton{
  width: 690rpx;
  height: 88rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  view{
    width: 340rpx;
    height: 88rpx;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    font-size: 28rpx;
    color: #ffffff;
    text-align: center;
    line-height: 88rpx;
    background-color: #fd7c4e;
  }
  .action{
    color: #333;
    background-color: #fffdf4;
  }
}
  .rewardBox{
    width: 690rpx;
    height: 580rpx;
    background-color: #fffdf4;
    border-bottom-left-radius: 20rpx;
    border-bottom-right-radius: 20rpx;
    margin-bottom: 40rpx;
    overflow-x: hidden;
    .recordList{
      width: 100%;
      .kong{
        width: 100%;
        height: 580rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 34rpx;
        font-weight: bold;
        color: #999999;
      }
      .record{
        width: 100%;
        height: 88rpx;
        line-height: 88rpx;
        box-sizing: border-box;
        padding-right: 30rpx;
        padding-left: 30rpx;
        font-size: 28rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: #cccccc 1rpx solid;
        view:nth-child(1){
          color: #333333;
          width: 310rpx;
        }
        view:nth-child(2){
          width: 290rpx;
          text-align: right;
          color: #999999;
        }
      }
    }
    .Listprizes{
      width: 100%;
      padding: 20rpx;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      .Listp{
        width: 310rpx;
        margin-bottom: 30rpx;
        .Listpic{
          width: 310rpx;
          height: 176rpx;
          overflow: hidden;
          border-radius: 20rpx;
          margin-bottom: 20rpx;
          image{
            width: 310rpx;
            height: 176rpx;
            display:block;
            background-color: #aaaaaa;
          }
        }
        .Listpwen{
           font-size: 28rpx;
          line-height: 28rpx;
          color: #333333;
        }
      }
    }
  }
}
@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot?t=1528097272370");
  /* IE9*/
  src: url("iconfont.eot?t=1528097272370#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAgIAAsAAAAADEQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kgRY21hcAAAAYAAAACaAAACGpT80wZnbHlmAAACHAAAA60AAATsrIGJiWhlYWQAAAXMAAAALwAAADYRlVntaGhlYQAABfwAAAAcAAAAJAfeA45obXR4AAAGGAAAABQAAAA0M+kAAGxvY2EAAAYsAAAAHAAAABwKaAvubWF4cAAABkgAAAAfAAAAIAEdANFuYW1lAAAGaAAAAUUAAAJtPlT+fXBvc3QAAAewAAAAWAAAAKWSMhWLeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxTZG7438AQw9zA0AAUZgTJAQAnwQyTeJzFkcsRwjAMRFeJCQFcQPjDnUIoiEOGaqhu2wgrKQeoIPI8W5I/8mgBrAC04iEKYG8Y3F7KWuRbbCNf8FTcazRaR4L3aZq9ITw3ixN9eI3uFlXosFZmo3d2qNrosJjZcqX/rcb8+YnGGX2RSLzTHBJXifvEleIhcQV5TNRp8JSo5+A5cT14SaQDeE1cWd4SaSNFE9Qv/Y0jXwAAeJxFkz2P40QYx+d5xjNjx2+xE9t5deJ4Ex/sXZaL8wLaY4MQDeiQkBAFAgkhQFretqG4ZosUexIFBR1b7AqBkGgQ1XVcQXENOgvBRzjBJ6BCIgnMJNllPH6b+c/zPL+/x4QR8u8T+pDWSIXcILfJS+Q1QoDvQ8/BNiTZeIj7ECQsiKoOzdIsEWlvSJ+HqMer4Wg6HkRccBcciCFPRtNsiBlMxkd4CKOwDVBvNl73+y2ffgmlWhbfX7+C30LQSVvu0a31yzfn1VG3ot+zfL/u+1/onDEdUXMd+DQKDWaU+Po75jaCh52nsANWPWvcfdPuNv13Px+ftPuRAbBYQKXZdb6few1P9tNGWPHromzrtYad7lXh3p9mrWK1B38Q2bhk/Zv+gv+QEXmDfELOyDfkkaLNetnsCGTPk2gUQwd52suGkPYUWG+Iu4cDGIJk5ZF0YohHMIfpLMapukUxRMIB4VA5Moeg6shFQ5yMpypwP5SXKMarYWlfGLFYxtyKBgcg+xxibTobhyLMZ6OZV+Vp0htMvHx0hLOgKv3tQD6dTWIEmtoGT906K0Uh/BSVymU9fEE3/Vb1accyG06nm3Rjx3Tabrthjy2/YoR2iFbUqzVDJhgVGupBM7UquuYwk+qaznQG+LYRRPaL3IvDdK+sAUeDgWNFga4Lm3EvjcPY18OSDa9y8PudWuxxhoIxK3KsWjMJXU37jLOSxurZ+mbWD3jJLDGoeR+/9WsXuWnhXQo4rx/ongui7Nw4AaGVNUMTuiE0XeOapyGlgv6geTYapbSfONxiDCUwMooaIpa5yy3P754gAxAf8DB0q62GsFyTl4UOgGhblZbNa42KUwn4RwwhcvezllerlzxTNw09FJzLjQYoY/6MAOu/BoN+Aj4InX+dtFwA2HtEhfwvCMr9sqBDekooEXKfeInHUi+nt1aXcF4U9HSp0WWxulB7C6T2DH+kCyJXQjpJvBSeFFKGD4qltp2/T/flvCFfck8pci/Hdx4/Xh/LWIslK+jB6vI6Fj2UWnOTNZCHl0ySCT1cH8P56gLO18d0sbooCny/KHb65671k6uDPisr/Wr9oTplBq1Qbct1Ru9sajW2XHkQKbI7KqaM+mD5myQr1seSXNU922ltpU5lBrkgrciTTjflF4pA5SqWvyvoK97RrqZrgsSjt1U9ykHFUBSrS5nvvU2eLYPy2rxyO5A5gnzLsc2y8XyDseMY/8+hTN18obxQRm3lBX1GgRDyH7ne5Z0AAAB4nGNgZGBgAOKKOeEH4/ltvjJwszCAwHVrrh8I+n8DCwNzA5DLwcAEEgUAJw0KFQB4nGNgZGBgbvjfwBDDwgACQJKRARXwAgBHEwJ2eJxjYWBgYH7JwMDCQDwGADB7AR0AAAAAAHYBjgGkAbQBygHiAfoCEAIsAkQCXgJ2eJxjYGRgYOBlOMrAxgACTEDMBYQMDP/BfAYAHXAB7wB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtxj0OQEAQBtD5Fotl3UThn+MIim2GxEocXyExjVc9UvQy9M9CIUCICBoxEqQwyJDDoiDcenUzH1fqlp1Lv53efKuktbSRttJO2ksHxaPiiegBnCAjSw==") format("woff"), url("iconfont.ttf?t=1528097272370") format("truetype"), url("iconfont.svg?t=1528097272370#iconfont") format("svg");
  /* iOS 4.1- */ }
.number {
  font-family: iconfont; }